html{
    width: 100%;
    height: 100%;
    overflow: hidden;
    
    body {
        width:100%;
        height:100%;
        overflow: hidden;
        margin:0;
        padding:0;

        // font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
        // color: #000;

        #root{
            width:100%;
            height:100%;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
        }
    }
}

.text-elli{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.titlePage{
    width: 100%;
    height: 100%;

    &-title{
        height: 28px;
        line-height: 28px;
        width: 100%;
        background: #717171;
        text-align: center;
        color: #fff;
        font-size: @font-size-base;
    }

    &-title-hide{
        display: none;
    }

    &-container{
        position: relative;
        height: calc(~"100% - 28px");
    }

    &-container-full{
        height: 100%;
    }
}

.tabPane{
    position: absolute;
    width: 100%;
    bottom: 0px;
    top: 45px;
}

.content{
    .list{
        position: absolute;
        width: 100%;
        bottom: 0px;
        background: #fff;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}

.nomore{
    text-align: center;
    color: #868686;
    padding-top: 19.5px;
    font-size: 12px;

    .left{
        display: inline-block;
        width: 20px;
        height: 1px;
        vertical-align: middle;
        background: linear-gradient(270deg,#999,#fff);
    }

    .name{
        padding: 0 10px;
        display: inline-block;
        vertical-align: middle;
    }

    .right{
        display: inline-block;
        width: 20px;
        height: 1px;
        vertical-align: middle;
        background: linear-gradient(90deg,#999,#fff);
    }
}

.password-title{
    background-color: #717171;
    line-height: 30px;
    text-align: center;
    color: #FFF;
}

.noData{
    .panel{
        margin-top: 45%;
        text-align: center;
        .icon{
            width: 75px;
            height: 75px;
            &-1{
                width: 50px;
                height: 50px;
            }
        }
        .msg{
            padding-top: 12px;
            color: #868686;
            font-size: @font-size-base;
        }
    }
}

